<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir="ltr">
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
        <script src="/$(BaseRouteID)/Base/JavaScriptResource?assemblyName=Kollektiv.Controller&resourceKey=Content/kollektiv.client.web.js" type="text/javascript"></script>
        <script type="text/javascript">
            dojo.require("dijit.layout.ContentPane");
            dojo.require("dijit.layout.BorderContainer");
            dojo.require('dijit.layout.AccordionContainer');
            dojo.require('dijit.Tree');
            dojo.require('dijit.form.TextBox');
            dojo.require('dijit.layout.TabContainer');
            dojo.require("dijit.layout.StackContainer");

            dojo.ready(function () { new Kollektiv(); });
        </script>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/nihilo/nihilo.css" />
        <style type="text/css">
            html, body
            {
                font-family: helvetica,arial,sans-serif;
                font-size:90%;
                width: 100%;
                height: 100%;
                margin: 0;
                overflow: hidden;
            }
            
            #borderContainer
            {
                width: 100%;
                height: 100%;
            }
            
            #leftBorderContainer
            {
                width: 200px;
            }
            
            #centerBorderContainer
            {
            }
            
            #rightBorderContainer
            {
                width: 150px;
            }
            
            #accordionContainer
            {
                width: 100%;
                height: 100%;
            }
            
            .accordionContentPaneTable
            {
                width: 100%;
                height: 100%;
                margin: 0px;
            }
        </style>
    </head>
    <body class="nihilo">
        <div id="borderContainer" dojoType="dijit.layout.BorderContainer" design="sidebar" gutters="true" liveSplitters="true">
            <div id="leftBorderContainer" dojoType="dijit.layout.ContentPane" splitter="true" region="left">
                <span id="accordionContainer" dojoType="dijit.layout.AccordionContainer">
                </span>
            </div>
            <div id="rightBorderContainer" dojoType="dijit.layout.ContentPane" splitter="true" region="right"></div>
            <div id="centerBorderContainer" dojoType="dijit.layout.ContentPane" splitter="true" region="center">
                <span dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;" controllerWidget="dijit.layout.TabController">
                    <div dojoType="dijit.layout.ContentPane" title="Home"></div>
                </span>
            </div>
        </div>
    </body>
</html>